import type { RouteRecordRaw } from 'vue-router';

import { $t } from '#/locales';

const routes: RouteRecordRaw[] = [
  {
    meta: {
      icon: 'lucide:banknote',
      order: 2,
      title: $t('page.finance.title'),
    },
    name: 'Finance',
    path: '/finance',
    children: [
      {
        name: 'RechargeManagement',
        path: '/recharge-management',
        component: () => import('#/views/finance/recharge-management/index.vue'),
        meta: {
          icon: 'lucide:plus-circle',
          title: $t('page.finance.rechargeManagement'),
        },
      },
      {
        name: 'TransactionBill',
        path: '/transaction-bill',
        component: () => import('#/views/finance/transaction-bills/index.vue'),
        meta: {
          icon: 'lucide:credit-card',
          title: $t('page.finance.transactionBill'),
        },
      },
      {
        name: 'InvoiceManagement',
        path: '/invoice-management',
        component: () => import('#/views/finance/invoice-management/index.vue'),
        meta: {
          icon: 'lucide:file-text',
          title: $t('page.finance.invoiceManagement'),
        },
      },
      // {
      //   name: 'DataCenter',
      //   path: '/data-center',
      //   component: () => import('#/views/finance/data-center/index.vue'),
      //   meta: {
      //     icon: 'lucide:bar-chart-3',
      //     title: $t('page.finance.dataCenter'),
      //   },
      // },
    ],
  },
];

export default routes;